* {
    border: none;
    color: #150c30;
    border-radius: 10;
    font-family: "JetBrainsMono Nerd Font";
    font-size: 20px;
    min-height: 10px;
}

window#waybar {
    background: transparent;
}

window#waybar.hidden {
    opacity: 0.2;
}
#workspaces button.active {
    color: #150c30;
    background-color: rgb(34, 147, 199);
    border-radius: 20%;
}
#workspaces {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 20px;
    margin-bottom: 0px;
    padding-right: 20px;
    border-radius: 30px;
    transition: none;
    color: #13201b;
    background: rgba(26, 82, 99, 0.578);
}
/* 
"wlr/taskbar" 


"wlr/taskbar": {
    "format": "{icon}",
    "icon-size": 24,
    "icon-theme": "Tela_nord_dark",
    "tooltip-format": "{title}",
    "on-click": "activate",
    "on-click-middle": "close"
},


*/
#taskbar {
    font-size: 24px;
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    transition: none;
    background: transparent;
}
#window {
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    transition: none;
    color: transparent;
    background: transparent;
}

#network {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(189, 147, 249, 0.7);
}

#pulseaudio {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #1a1826;
    background: rgba(250, 227, 176, 0.7);
}

#battery {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(181, 232, 224, 0.7);
}

#battery.charging,
#battery.plugged {
    color: #161320;
    background-color: #b5e8e0;
}

#battery.critical:not(.charging) {
    background-color: #b5e8e0;
    color: #161320;
    animation-name: blink;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes blink {
    to {
        background-color: #bf616a;
        color: #b5e8e0;
    }
}

#backlight {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(248, 189, 150,0.7);
}
#clock {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(171, 233, 179, 0.7);
    /*background: #1A1826;*/
}

#memory {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    margin-bottom: 0px;
    padding-right: 10px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(221, 182, 242, 0.7);
}
#cpu {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    margin-bottom: 0px;
    padding-right: 10px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(150, 206, 251, 0.7);
}

#tray {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    margin-bottom: 0px;
    padding-right: 10px;
    border-radius: 10px;
    transition: none;
    color: #b5e8e0;
    background: rgba(57, 165, 165, 0.7);
}

#custom-launcher {
    font-size: 24px;
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 8px;
    border-radius: 10px;
    transition: none;
    color: #89dceb;
    background: #161320;
}
#custom-power {
    font-size: 20px;
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 14px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(242, 143, 173, 0.7);
}

#custom-updates {
    margin-top: 6px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    transition: none;
    color: #161320;
    background: rgba(232, 162, 175, 0.7);
}
